<template lang="html">
    <div class="nav-head">
        <router-link to="/radio">
          <img src="../assets/images/icon-return45.png">
        </router-link>
        <div class="title">{{title}}</div>
    </div>
</template>

<script>
export default {
  name:'radiotitle',
  data(){
    return{

    }
  },
  props:{
    title:{
      type:String,
      default:""
    }
  }

}
</script>

<style scoped>
.nav-head{
	width: 100%;
	height: 0.88rem;
	background:url('../assets/images/daohang.png');
	background-size: 100%;
	overflow: hidden;
	/* position: fixed; */
	top: 0;
	left: 0;

}
.nav-head img{
	display: block;
	width: 0.27rem;
	height: 0.45rem;
	position: absolute;
	left: 0.2rem;
	top: 0.215rem;
}
.nav-head .title{
	width: 100%;
	height: 0.88rem;
	text-align: center;
	font-size: 0.36rem;
	color: #fff;
	line-height: 0.88rem;
  float: left;
}

</style>
